page-details {
  .colDiv {
        text-align: center;
        color: #ffffff;
     div {
      height: 40px;
      width: 100%;
    }
  }
  p{
      color:#000;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .search{
    height: 30px;
    padding-left:16px;
    margin-top:5px;
    div{
      background: #488aff;
      color: #fff;
      text-align: center;
      line-height: 30px;
      border-radius: 5px;
    }
  }
  .alert {
    position: absolute;
    box-shadow: 5px 5px 3px #ccc;
    top: 50%;
    left: 50%;
    width: 80%;
    margin-left: -40%;
    margin-top: -50px;
    height: 100px;
    border: 1px solid #8e8e8e;
    background: #fff;
    text-align: center;
    z-index: 999;
    .text {
      height: 50px;
      line-height: 50px;
    }
    .button {
      width: 100%;
      height: 50px;
      button {
        height: 30px;
        width: 80%;
        background: #488aff;
        border-radius: 5px;
        color: #fff;
        margin-top: 10px;
      }
    }
  }

}
.divC{
    font-size: 10px;
}
.title{
   color:#242424;
}

#chart { 
  padding: 5px;
  width: 100%; 
  height:78%; 
  /* div{
    width: 100%;
  } */
}


#chart1 { 
  padding: 5px;
  width: 100%; 
  height: 52%; 
}

